@import url("960_custom.css");

/*===============================
	font face
=================================*/

@font-face {
    font-family: 'helveticaneue_light';
    src: url('../fonts/helveticaneueltstd-thcn_1-webfont.eot');
    src: url('../fonts/helveticaneueltstd-thcn_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltstd-thcn_1-webfont.woff') format('woff'),
         url('../fonts/helveticaneueltstd-thcn_1-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueltstd-thcn_1-webfont.svg#helvetica_neue_lt_std37ThCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneue_medium';
    src: url('../fonts/helvetica-67-medium-condensed-webfont.eot');
    src: url('../fonts/helvetica-67-medium-condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-67-medium-condensed-webfont.woff') format('woff'),
         url('../fonts/helvetica-67-medium-condensed-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-67-medium-condensed-webfont.svg#helveticaneue_mediumcondRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.3; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.hidden { display:none; }
.f-right { float:right; }
.f-left { float:left; }
.zindex { position:relative; z-index: 1; }
.center { text-align:center; }
.transition {
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.cf:after {
	content:"";
	display:table;
	clear:both;
}
.cf { *zoom:1; }

/*===============================
	html
=================================*/

* { -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
body { font-family:Arial, Helvetica, sans-serif; color:#333; }
a { text-decoration:none; cursor:pointer; }
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

p, ul, ol { font-size:13px; }

/*===============================
	header
=================================*/

#header {
	position:fixed;
	width:100%;
	padding:10px 0;
	border-bottom:1px solid #FFF;
	background:#000 url(../img/bg.png);
	color:#FFF;
	box-shadow:0 5px 10px rgba(0,0,0,0.5);
	z-index:1;
}

#header .logo { float:left; }

#nav, #nav ul { float:right; }
#nav li { float:left; text-transform:uppercase; font-weight:normal; font-family:'helveticaneue_medium', sans-serif; }
#nav li.single { line-height:2.6; }
#nav a {
	display:block;
	padding:5px 15px;
	color:#FFF;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#nav a.active, #nav a:hover { color:#D47D1D; }

/*===============================
	content
=================================*/

#content {
	float:left;
	width:100%;
	height:500%;
}

#content .section { position:relative; height:20%; overflow:hidden; }
#content .section img { position:absolute; width:100%; }
#content .section-items { position:relative; width:200%; height:100%; }
#content .section-items.alt { left:-100%; }
#content .section-item { float:left; position:relative; width:50%; height:100%; overflow:hidden; }
#content .offset { position:absolute; top:0; width:100%; height:100%; }
#content .section .offset-bg { position:absolute; top:0; width:auto; height:200%; }
#content .offset-left { left:0; }
#content .offset-right { right:0; }
#content .disabled .offset-bg { height:100%; }
#content .text { position:absolute; top:20px; left:0; right:0; width:560px; padding-right:400px; margin:0 auto; color:#FFF; }
#content .text-right { top:37%; width:320px; padding-right:0; padding-left:640px; text-align:right; }
#content .text-left { top:37%; width:320px; padding-right:640px; }
#content .text-top { width:800px; padding-left:160px; }
#content .text h2 { font-weight:normal; font-size:32px; font-family:'helveticaneue_light', sans-serif; }
#content .text h2 strong { font-weight:normal; font-family:'helveticaneue_medium', sans-serif; }
/*#content .text p { font-size:15px; }*/
#content .text ul { list-style:disc outside none; padding-left:16px; /*font-size:16px;*/ }
#content .text li { margin-top:10px; }
#content .text a {
	display:inline-block;
	padding:5px 10px;
	margin-left:2px;
	background-color:#D47D1D;
	font-size:16px;
	font-family:'helveticaneue_light', sans-serif;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#content .text a:hover { background-color:#FFF; color:#D47D1D; }
#content .text a.alt { background-color:#000; }
#content .text a.alt:hover { background-color:#FFF; color:#000; }
#content .text img { position:absolute; right:0; top:15%; width:390px; }

/*===============================
	footer
=================================*/

#footer {
	float:left;
	width:100%;
	padding:10px 0;
	border-top:1px solid #FFF;
	background:#000 url(../img/bg.png);
	color:#FFF;
}

#footer .address { float:right; text-align:right; }
#footer a {
	color:#FFF;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
}
#footer a:hover { color:#D47D1D; }
#footer img { float:left; height:28px; }

/*===============================
	media queries
=================================*/

@media screen and (min-width:1600px){
	#content .text-right,
	#content .text-left { top:50%; }
}